웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > js

[제이쿼리] 화면 그리고 부모로부터 상대적인 위치 알아내기, offset, position

Last Modified : 2015-10-30 / Created : 2015-07-07
3,968
View Count

제이쿼리는 특정 요소의 상대적인 위치를 구할 수 있는 매우 효과적인 메소드를 지원하는데 그 중에서도 아래 두 메소드를 사용하면 매우 간단하게 구할 수 있다.

$(선택요소).offset();
$(선택요소).position();


만약 test라는 클래스 명을 가진 요소가 있을 경우 그 요소의 상대적 위치를 구하기 위해 아래의 방법을 사용한다.


$('.test').offset();
// 문서로부터의 좌측과 상단으로부터의 거리를 출력

$('.test').position();
// 가장 첫 번째 부모요소로부터의 좌측과 상단으로부터의 거리를 출력

Previous

[제이쿼리] getJSON() 메소드 비동기 데이터 받아오기

Previous

[제이쿼리] 부모요소 선택하는 방법 parent(), parents(), closest()